@charset "UTF-8";
/**
 * @authors Albert
 * @date    2017-03-06 10:42:12
 */
.platf_pblc_choose {padding: 10px 0; min-height: 92px;}
.platf_pblc_choose, .platf_pblc_choose > div, .platf_pblc_choose > div > div {float: left; }
.platf_pblc_choose .spinner{
	display: inline-block;
	width: 230px;
	margin-top: 6px;
}
/*
 * ==============================
 * 公众号平台
 * ==============================
 */
.platform .platform_list {
	width: 70px;
	height: 70px;
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	border: 1px solid #c7c7c7
}

.platform .public_platform {
	padding: 0;
	list-style: none;
	text-align: center;
	cursor: pointer;
	border: 1px solid #c7c7c7;
	position: absolute;
	z-index: 100;
	margin: -1px;
	// width: 210px;
	width: 140px;
	display: table;
	font-size: 0;
	background-color: #fff;
	table-layout: fixed;
}
.platform .public_platform > li {
	font-size: 12px;
	background: #fff;
	padding: 6px 0;
	opacity: 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	display: table-cell;
}
.platform .platform_list.active{
	overflow: visible;
}
.platform .platform_list.active li{
	opacity: 1;
}
.platform .platform_list li:not(.active):hover{
	background-color: rgba(0,0,0,.1);
}
.platform .platform_list.active li:hover{
	opacity: 1;
}
.platform .public_platform > li.active {
	opacity: 1;
	cursor: default;
}
.platform .public_platform > li > span {display: block; margin-bottom: 8px;height: 28px;line-height: 28px;}
.platform .public_platform > li > span.icon-weixin {font-size: 20px;}
.platform .public_platform > li > span.icon-iconfontweibo {font-size: 26px;}
.platform .public_platform > li > span.icon-icontoutiao {font-size: 30px;}
.platform .list_sharp {
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 100;
	width: 0;
  height: 0;
  border-bottom: 10px solid #A29E98;
  border-left: 10px solid transparent;
  opacity: 0;
}
.platform_list.more_platform .list_sharp{
	opacity: 1;
}
.public_choose .account_info{
	overflow: hidden;
}

.platform .tangerine {color: #f56467; }
.platform .jewelry-blue {color: #38a6d7; }
.platform .shading-yellow {color: #f5be3f; }
/*
 * ==============================
 * 默认公众号
 * ==============================
 */

.public_number .public_choose {width: 164px; height: 70px; margin-left: 10px; border: 1px solid #c7c7c7; cursor: pointer; position: relative; padding: 10px; }
.public_number .public_choose .account_info > img {width: 50px; height: 50px; float: left; border: none; }
.public_number .public_choose .account_info > .public_account {width: 80px; height: 50px; float: right; }
.public_number .public_choose .account_info > .public_account > p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.public_number .public_choose .account_info > .public_account > .public_account_type {margin-top: 13px; font-size: 12px; color: #00C7CD; }
.public_number .public_choose .account_info > .public_account > .public_account_type > .iconfont {color: #00C7CD; font-size: 12px; vertical-align: middle; }
.public_number .public_choose .account_info > .public_account > .public_account_type > .iconfont:before {background: #00C7CD; color: white; border-radius: 100%; padding: 2px; vertical-align: middle; }
.public_number .account_modify {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	color: white;
	text-align: center;
	padding: 10px 0;
	font-size: 15px;
	opacity: 0;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.public_number .public_choose:hover > .account_modify {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.public_number .public_choose > .account_modify > span {font-size: 20px; display: block; }
/*
 * ==============================
 * 没有绑定公众号
 * ==============================
 */
.account_null{width: 300px; height: 72px; padding: 11px 5px; }
.account_null > .iconfont{font-size: 35px; color: red; display: table; float: left; margin-right: 10px; }
.account_null > .title {margin-bottom: 5px; }
.account_null > .spa_gray {color: #AAA }
.account_null > .spa_gray > a {color: #008CF7; margin: 0 5px; }

/*
 * ==============================
 * 微信公众号列表(modal)
 * ==============================
 */
#public_list .spinner {line-height: 300px; }

#public_list .account_detail {width: 731px; height: 300px; background: white; overflow-x: auto; overflow-y: auto; transition: all ease 0.3s; margin-left: -8px;}
#public_list .account_detail > .detail_sub {width: 164px; height: 72px; float: left; margin: 10px 0 0 10px; padding: 10px; cursor: pointer; position: relative; border: 1px solid #e1e1e1; box-shadow: 1px 1px 2px #D5CEFF; -moz-box-shadow: 1px 1px 2px #D5CEFF; -webkit-box-shadow: 1px 1px 2px #D5CEFF; }
#public_list .account_detail > .detail_sub > p {line-height: 52px;text-align: center;margin: 0;}
#public_list .account_detail > .detail_sub > .pub_img {width: 50px; height: 50px; float: left; border: none; }
#public_list .account_detail > .detail_sub .sub_text {width: 80px; height: 50px; margin-left: 10px; float: right; }
#public_list .account_detail > .detail_sub .sub_text > p {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
#public_list .account_detail > .detail_sub .sub_text .pub_name {width: 80px; margin-left: 10px; float: right; }
#public_list .account_detail > .detail_sub .sub_text .pub_type {padding-top: 12px; color: #00C7CD; font-size: 12px; }
#public_list .account_detail > .detail_sub .sub_text .pub_type > span {color: #00C7CD; font-size: 12px; vertical-align: middle; }
#public_list .account_detail > .detail_sub .sub_text .pub_type > .iconfont:before {background: #00C7CD; color: white; border-radius: 100%; padding: 2px; vertical-align: middle; }

#public_list .account_detail > .cover {background: url("../../../images/account_chosed.png") no-repeat; background-position: 100% 0; }

#public_list .account_detail > .public_null {width: 200px; margin: 100px auto; text-align: center; line-height: 30px; letter-spacing: 3px; }
#public_list .account_detail > .public_null a {color: red}

#public_list .modal-footer > button {width: 80px; height: 30px; margin-left: 10px; }
#public_list .modal-footer > button.btn-default {border: 1px solid #ccc; }